<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./index.css" />
    <link rel="stylesheet" href="./normalize.css">
    <script src="./flexible.js"></script>
</head>
<body>
    <div class="box">
        <div class="background">
            <div class="top">
                <div class="txt">厦门市思明区...<img src="./img/下三角形.png" alt="#" /></div>
                <div class="txt2">门店活动</div>
                <div class="txt3">我的预约</div>
            </div>

            <div class="txt4">预约线下试听课</div>
            <div class="firstimg">
               <div class="firsttxt">金宝贝厦门湖里万达中心</div>
               <div class="two">
                 <div class="firsttxt2">福建省厦门市湖里区仙岳路4666号万达广场金宝贝中心</div>
                 <div class="dibiao"></div>
                 <div class="juli">2.04km</div>
               </div>
               <div class="bttom">
                   <div class="henxian"></div>
                   <div class="bttomTxt3">已约满</div>
               </div>
            </div>

            <div class="Simg">
                <div class="firsttxt">金宝贝厦门蔡塘中心</div>
                <div class="two">
                  <div class="firsttxt2">福建省厦门市湖里区东百蔡塘广场二楼金宝贝</div>
                  <div class="dibiao"></div>
                  <div class="juli">2.04km</div>
                </div>
                <div class="bttom">
                    <div class="henxian"></div>
                    <div class="bttomTxt3">立即预约</div>
                </div>
             </div>

             <div class="Dimg">
                <div class="firsttxt">金宝贝厦门文化艺术广场中心</div>
                <div class="two">
                  <div class="firsttxt2">福建省厦门市思明区体育路95号4号店金宝贝早教</div>
                  <div class="dibiao"></div>
                  <div class="juli">2.04km</div>
                </div>
                <div class="bttom">
                    <div class="henxian"></div>
                    <div class="bttomTxt3">已约满</div>
                </div>
             </div>
        </div>

        <div class="feater">
            <div class="b1 boxx">
                <img src="./img/内容馆.png" class="imgb1" />
                <div class="b1txt">内容馆</div>
            </div>
            <div class="b2 boxx">
                <img src="./img/社区.png" class="imgb1" />
                <div class="b1txt">社区</div>
            </div>
            <div class="b3 boxx">
                <img src="./img/门店.png" class="imgb1" />
                <div class="b1txt">门店</div>
            </div>
            <div class="b4 boxx">
                <img src="./img/我的.png" class="imgb1" />
                <div class="b1txt">我的</div>
            </div>
        </div>

        <!-- <div class="down"></div> -->
    </div>
</body>
</html>